<template>
	<view style="width: 90vw;margin:0 auto;padding-top: 50rpx;">
		<template v-for="(item,index) in htmlContent" :key="index">
			<view class="content" v-html="item.content"></view>
		</template>
	</view>
</template>

<script setup>
import { ref } from 'vue';
import { onLoad } from '@dcloudio/uni-app';
import { getUserContrast } from '@/api/userContrast.js'

const htmlContent = ref([]);

onLoad(async () => {
	const data = await getUserContrast();
	htmlContent.value = data.data;
})

</script>

<style>
.title{
	text-align: center;
	font-weight: 500;
	font-size: 1.2rem;
	padding: 20rpx 0;
}

.content{
	font-size: 1rem;
	padding-bottom: 50rpx;
}
</style>